﻿
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>@ViewData["Title"]</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!--标准mui.css-->
    <link rel="stylesheet" href="~/css/mui.min.css">
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="~/css/app.css" />
    @await RenderSectionAsync("headCss", false)
</head>

<body>
    @*<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">底部选项卡-div模式</h1>
    </header>*@
    <nav class="mui-bar mui-bar-tab">
        <a class="mui-tab-item" href="/">
            <span class="mui-icon mui-icon-home"></span>
            <span class="mui-tab-label">点餐</span>
        </a>
@*        <a class="mui-tab-item" href="#tabbar-with-chat">
            <span class="mui-icon mui-icon-email"><span class="mui-badge">9</span></span>
            <span class="mui-tab-label">消息</span>
        </a>
        <a class="mui-tab-item" href="#tabbar-with-contact">
            <span class="mui-icon mui-icon-contact"></span>
            <span class="mui-tab-label">通讯录</span>
        </a>*@
        <a class="mui-tab-item" href="/Privacy?kkk">
            <span class="mui-icon mui-icon-gear"></span>
            <span class="mui-tab-label">我</span>
        </a>
    </nav>
    <div class="mui-content">
        @RenderBody()
    </div>
    <script src="~/js/mui.min.js"></script>
    @await RenderSectionAsync("bodyJs", false);
    <script type="text/javascript">
        var curPathSearch = location.pathname + location.search;
        mui('.mui-bar.mui-bar-tab>a[href="' + curPathSearch + '"]').each(function(index, item) {
            item.classList.add('mui-active');
        });
        mui('.mui-bar.mui-bar-tab').on('tap', '.mui-tab-item', function(e) {
            e.preventDefault();
            var el = e.target.parentElement;
            var href = el.attributes["href"].value;
            location.href = href;
        });
    </script>
</body>
</html>